/* mixins */

@import "src/mixins.scss";
@include DEBUG();
@include useFontSmoothingOnMacOS();

/* wrapper 公共背景 */

.container {
  width: 100%;
  padding-top: 0.08rem;
  box-sizing: border-box;
  @include flex_dis();
  @include flex(flex-direction, column);
  @include flex(align-items, center);
  position: relative;
  // z-index: 1;

  /* jackpot */
  .container-jackpot {
    width: 7.26rem;
    height: 2.06rem;
    padding-left: 0.17rem;
    background-size: 100% 100%;
    position: relative;
    margin-bottom: 0.18rem;

    .container-jackpot__text {
      width: 100%;
      font-size: 0.38rem;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #fffcc2;
      line-height: 0.52rem;
      letter-spacing: 3px;
      position: absolute;
      text-align: center;
      right: 0;
      bottom: 0.52rem;
    }

    .container-jackpot__icon {
      width: 0.3rem;
      height: 0.3rem;
      position: absolute;
      top: 0.94rem;
      right: 0.5rem;
      z-index: 2;
    }
  }

  /* header */
  .accordion {
    position: absolute;
    width: 100%;
    bottom: 0.52rem;
    left: 0;
    @include flex_dis();
    @include flex(justify-content, center);

    img {
      width: 1.24rem;
      height: 0.42rem;
    }
  }

  .animation {
    max-height: 1.38rem;
    transition: all .3s linear;
    overflow: hidden;

    &.up {
      max-height: 1.38rem;
    }

    &.down {
      max-height: 10rem;
    }
  }

  .container-header {
    margin-bottom: 0.18rem;

    /* 标题图 */
    .container-header__title {
      width: 4.74rem;
      height: 0.74rem;
    }
  }

  .container-main__countdown {
    position: absolute;
    left: 0;
    top: 0.44rem;
    width: 100%;
    @include flex_dis();
    @include flex(flex-direction, column);
    @include flex(align-items, center);

    .countdown-title {
      width: 4.54rem;
      height: 0.56rem;
    }

    .countdown-main {
      @include flex_dis();
      @include flex(align-items, center);
      @include flex(justify-content, center);
      margin-top: -0.08rem;

      >div {
        width: 0.68rem;
        height: 0.72rem;
        background: url(../../../../../assets/img/end-year/male/final-countdown-bg.png) center center/100% no-repeat;
        margin-left: -0.16rem;
        @include flex_dis();
        @include flex(align-items, center);
        @include flex(justify-content, center);

        p {
          font-size: 0.26rem;
          font-family: PingFangSC-Semibold, PingFang SC;
          font-weight: 600;
          color: #4132AC;
        }
      }

      >span {
        margin: 0 0.08rem 0 0.1rem;
        font-size: 0.22rem;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #E0F0FF;
      }
    }

    .countdown-footer {
      margin-top: -0.08rem;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #9597bd;
      line-height: 0.28rem;
      @include useFontSizeLT12(0.2);
    }
  }

    /* 倒计时 */
    .container-main__countdown {
      margin-bottom: 0.18rem;
      @include flex_dis();
      @include flex(flex-direction, column);
      @include flex(align-items, center);

      .countdown-title {
        width: 4.54rem;
        height: 0.56rem;
        background-size: 100% 100%;
      }

      .countdown-main {
        @include flex_dis();
        @include flex(align-items, center);
        @include flex(justify-content, center);
        margin-top: -0.1rem;

        .countdown-main--block {
          width: 0.68rem;
          height: 0.72rem;
          background-size: 100% 100%;
          text-align: center;
          background-position: center;
          font-size: 0.26rem;
          font-family: PingFangSC-Semibold, PingFang SC;
          font-weight: 600;
          color: #4132ac;
          line-height: 0.72rem;
        }

        .countdown-main--block+.countdown-main--block {
          margin-left: -0.1rem;
        }

        .countdown-main--unit {
          font-size: 0.22rem;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #e0f0ff;
          line-height: 0.32rem;
          margin: 0 0.1rem;
        }
      }

      .countdown-footer {
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #9597bd;
        line-height: 0.28rem;
        @include useFontSizeLT12(0.2);
      }
    }

    /* OTHERS */
    /* OTHERS */
    .container-main__others {
      width: 6.9rem;
      margin: 0 auto;

      /* GRID */
      .others-header,
      .others-main__item {
        display: grid;
        grid-template-columns: 23% 47% 30%;
        grid-template-rows: 1fr;
        gap: 0px 0px;
        grid-template-areas: "index detail value";
        justify-items: center;
        align-items: center;

        .index {
          grid-area: index;
        }

        .value {
          grid-area: value;
        }

        .detail {
          grid-area: detail;
        }
      }

      .others-header>div {
        // margin-top: 0.08rem;
      }

      .others-main__item .detail {
        justify-self: start;
        /* 居左对齐 */
      }

      .others-header {
        margin-top: 0.38rem;
        width: 6.78rem;
        padding: 0 0.2rem; // padding: 0.1rem;
        box-sizing: border-box;
        height: 0.54rem;
        background-size: 100%;
        background-position: 0 0;
        font-size: 0.2rem;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #989ac4;
      }

      .others-main {
        width: 100%;
        position: relative;
        z-index: 2;

        >div {
          >img {
            width: 6.3rem;
            height: 0.58rem;
            margin: 0.28rem 0 0.24rem;
          }

          @include flex_dis();
          @include flex(flex-direction, column);
          @include flex(align-items, center);
        }

        /* layout:above footer */
        .others-main__item {
          width: 100%;
          height: 1.38rem;
          padding: 0 0.2rem;
          box-sizing: border-box;
          background-size: 100%;
          margin-bottom: 0.04rem;
          background: url(src/assets/img/end-year/common/others-main-item-bg.png) center center/100% no-repeat;
          .index span,
          .value {
            font-size: 0.28rem;
            font-family: PingFangSC-Medium, PingFang SC;
            font-weight: 500;
            color: #ffee85;
            line-height: 0.4rem;
          }

          .detail {
            @include flex_dis();
            @include flex(align-items, center);

            .detail-avatar {
              width: 0.88rem;
              height: 0.88rem;
              border-radius: 50%;
              border: 0.02rem solid #ffe7ba;
              margin-right: 0.12rem;
              position: relative;

              img {
                border-radius: 50%;
                width: 100%;
                height: 100%;
              }

              .live {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
              }
            }

            .detail-info {
              .detail-info--name {
                font-size: 0.24rem;
                font-family: PingFangSC-Medium, PingFang SC;
                font-weight: 500;
                color: #ffffff;
                line-height: 0.34rem;
                margin-bottom: 0.06rem;
                @include useEllipsis(100%);

              }

              .detail-info--gap {
                span{
                  font-size: 0.2rem;
                  // @include useFontSizeLT12(0.2, left);
                  font-family: PingFangSC-Regular, PingFang SC;
                  font-weight: 400;
                  color: #fefbe1;
                  line-height: 0.28rem;
                  white-space: nowrap;
                }
                img{
                  width: 0.6rem;
                  height: 0.32rem;
                }
              }
            }
          }
        }
        .top_bg1{
          background: url(src/assets/img/end-year/common/item-bg_top1.png) center center/100% no-repeat;
        }
        .top_bg2{
          background: url(src/assets/img/end-year/common/item-bg_top2.png) center center/100% no-repeat;
        }
        .top_bg3{
          background: url(src/assets/img/end-year/common/item-bg_top3.png) center center/100% no-repeat;
        }

        .others-main__spinner {
          padding: 0.22rem 0 0.18rem;
          @include flex_dis();
          @include flex(justify-content, center);

          .spinner-content {
            height: 0.4rem;
            font-size: 0.28rem;
            font-family: PingFangSC-Medium, PingFang SC;
            font-weight: 500;
            color: #ffee85;
            line-height: 0.4rem;
            text-align: center;
            vertical-align: bottom;
          }
        }
      }

      .not_li {
        height: 4rem;
        @include flex_dis();
        @include flex(justify-content, center);
        @include flex(align-items, center);

        p {
          font-size: 0.28rem;
          font-family: PingFangSC-Medium, PingFang SC;
          font-weight: 500;
          color: #ffee85;
        }
      }

      .others-footer {
        width: 100%;
        height: 0.58rem;
        background-size: 100%;
        background-position: bottom;
        margin-top: -0.22rem;
      }
    }

    /* footer */
    .container-footer {
      margin-top: 0.2rem;
      margin-bottom: -1.24rem;
      @include flex_dis();
      @include flex(flex-direction, column);
      @include flex(align-items, center);

      >p {
        // @include useFontSizeLT12(0.2);
        font-size: 0.2rem;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #7E7E86;
        line-height: 0.28rem;
        margin-bottom: 0.06rem;
      }
    }

    .container-main__final {
      @include flex_dis();
      @include flex(flex-direction, column);
      @include flex(align-items, center);
      margin-top: -0.18rem;
      .guanjun {
        width: 6.7rem;
        height: 4.42rem;
        background: url(../../../../../assets/img/end-year/nvshen/guanjunbg.png) center center/100% no-repeat;
        @include flex_dis();
        @include flex(flex-direction, column);
        @include flex(align-items, center);
        .toptitle {
          width: 3.42rem;
          height: 0.8rem;
          margin-top: 0.32rem;
          img {
            width: 100%;
            height: 100%;
          }
        }
        .bg_top{
          width: 3.68rem;
          height: 2.92rem;
          margin-top: -0.46rem;
          // background: url(../../../../../assets/img/end-year/nvshen/guan_cb.png) no-repeat;
          background-size: 100%;
          @include flex_dis();
          @include flex(flex-direction, column);
          @include flex(align-items, center);
          .topavatar {
            box-sizing: border-box;
            width: 2.52rem;
            height: 2.12rem;
            margin-top: 0.36rem;
            position: relative;
            padding: 0.34rem 0 0 0.6rem;
            .avatar {
              position: relative;
              width: 1.3rem;
              height: 1.3rem;
              img{
                width: 100%;
                height: 100%;
                border-radius: 50%;
              }
              .live{
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
              }
            }
            .bg_s{
              position: absolute;
              left: 0;
              top: 0;
              width: 100%;
              height: 100%;
            }
          }
        }
        .guanjundes {
          margin-top: -0.1rem;
          @include flex_dis();
          font-size: 0.24rem;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #fff;
          line-height: 0.34rem;
          strong{
            color: #FEEEBD;
            @include useEllipsis(1.4rem);
          }
        }
      }

      .ranks {
        @include flex_dis();
        margin-left: 0.05rem;
        .rankanchor {
          width: 1.32rem;
          height: 2.16rem;
          margin-right: 0.02rem;
          padding: 0.58rem 0 0 0.26rem;
          box-sizing: border-box;
          >div{
            width: 0.78rem;
            height: 0.78rem;
            position: relative;
            box-sizing: border-box;
            >img{
              width: 100%;
              height: 100%;
              border-radius: 50%;
              border: 0.02rem solid #FFE7BA;
              box-sizing: border-box;
            }
            .live{
              position: absolute;
              left: 0;
              top: 0;
              width: 100%;
              height: 100%;
            }

          }
        }
      }

      /* GRID */
      @at-root .others-header,
      .others-main__item {
        display: grid;
        grid-template-columns: 10% 40% 30% 20%;
        grid-template-rows: 1fr;
        gap: 0px 0px;
        grid-template-areas: "index detail value help";
        justify-items: center;
        align-items: center;

        .index {
          grid-area: index;
        }

        .value {
          grid-area: value;
        }

        .detail {
          grid-area: detail;
        }
        .help {
          grid-area: help;
        }
      }
      .others-header>div {
        margin-top: 0.08rem;
      }

      .others-main__item .detail {
        justify-self: start;
        /* 居左对齐 */
      }

      .others-header {
        width: 100%;
        padding: 0 0.2rem; // padding: 0.1rem;
        box-sizing: border-box;
        height: 0.68rem;
        background-size: 100%;
        background-position: 0 0;
        font-size: 0.2rem;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #989ac4;
      }

      .others-main__item {
        width: 6.9rem;
        height: 1.38rem;
        padding: 0 0.2rem;
        box-sizing: border-box;
        background-size: 100%;
        margin-bottom: 0.04rem;
        background: url(src/assets/img/end-year/common/others-main-item-bg.png) center center/100% no-repeat;
        .index span,
        .value {
          font-size: 0.28rem;
          font-family: PingFangSC-Medium, PingFang SC;
          font-weight: 500;
          color: #ffee85;
          line-height: 0.4rem;
        }

        .detail {
          @include flex_dis();
          @include flex(align-items, center);

          .detail-avatar {
            width: 0.88rem;
            height: 0.88rem;
            border-radius: 50%;
            border: 0.02rem solid #ffe7ba;
            margin-right: 0.12rem;
            position: relative;

            img {
              border-radius: 50%;
              width: 100%;
              height: 100%;
            }

            .live {
              position: absolute;
              left: 0;
              top: 0;
              width: 100%;
              height: 100%;
            }
          }

          .detail-info {
            .detail-info--name {
              @include useEllipsis(1.54rem);
              font-size: 0.24rem;
              font-family: PingFangSC-Medium, PingFang SC;
              font-weight: 500;
              color: #ffffff;
              line-height: 0.34rem;
              margin-bottom: 0.06rem;
            }

            .detail-info--gap {
              span{
                font-size: 0.2rem;
                // @include useFontSizeLT12(0.2, left);
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #fefbe1;
                line-height: 0.28rem;
                white-space: nowrap;
              }
              img{
                width: 0.6rem;
                height: 0.32rem;
              }
            }
          }
        }
        .help{
          >div{
            width: 1.26rem;
            height: 0.48rem;
            background: url(src/assets/img/end-year/nvshen/help_bg.png) center center/100% no-repeat;
            @include flex_dis();
            @include flex(justify-content, center);
            @include flex(align-items, center);
            img{
              width: 0.26rem;
              height: 0.26rem;
              margin-right: 0.08rem;
            }
            span{
              font-size: 0.24rem;
              font-family: PingFangSC-Medium, PingFang SC;
              font-weight: 500;
              color: #FFFFFF;
            }
          }
        }
      }
      .top_bg1{
        background: url(src/assets/img/end-year/common/item-bg_top1.png) center center/100% no-repeat;
      }
      .top_bg2{
        background: url(src/assets/img/end-year/common/item-bg_top2.png) center center/100% no-repeat;
      }
      .top_bg3{
        background: url(src/assets/img/end-year/common/item-bg_top3.png) center center/100% no-repeat;
      }
      .others-footer {
        width: 100%;
        height: 0.58rem;
        background-size: 100%;
        background-position: bottom;
        margin-top: -0.22rem;
      }
    }
}

.myself {
  position: fixed;
  z-index: 999;
  bottom: -0.05rem;
  left: 0;
  margin-bottom: 0 !important;
  width: 7.5rem;
  height: 1.38rem;
  background: url(../../../../../assets/img/end-year/nvshen/mybg.png) no-repeat;
  background-size: 100%;
  display: grid;
  grid-template-columns: 23% 47% 30%;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas: "index detail value";
  justify-items: center;
  align-items: center;

  .index {
    grid-area: index;
  }

  .value {
    grid-area: value;
  }

  .detail {
    grid-area: detail;
  }

  .index,
  .value {
    font-size: 0.28rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #ffee85;
    line-height: 0.4rem;
  }

  .detail {
    @include flex_dis();
    @include flex(align-items, center);

    .detail-avatar {
      width: 0.88rem;
      height: 0.88rem;
      border-radius: 50%;
      border: 0.02rem solid #ffe7ba;
      margin-right: 0.12rem;
    }

    .detail-info {
      .detail-info--name {
        @include useEllipsis(100%);
        font-size: 0.24rem;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #ffffff;
        line-height: 0.34rem;
        margin-bottom: 0.06rem;
      }

      .detail-info--gap {
        span{
          font-size: 0.2rem;
          // @include useFontSizeLT12(0.2, left);
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #fefbe1;
          line-height: 0.28rem;
          white-space: nowrap;
        }
        img{
          width: 0.6rem;
          height: 0.32rem;
        }
      }
    }
  }
}
.myself1 {
  position: fixed;
  z-index: 999;
  bottom: -0.05rem;
  left: 0;
  margin-bottom: 0 !important;
  width: 7.5rem;
  height: 1.38rem;
  background: url(../../../../../assets/img/end-year/nvshen/mybg.png) no-repeat;
  background-size: 100%;
  display: grid;
  grid-template-columns: 15% 35% 28% 22%;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas: "index detail value help";
  justify-items: center;
  align-items: center;

  .index {
    grid-area: index;
  }

  .value {
    grid-area: value;
  }

  .detail {
    grid-area: detail;
  }
  .help {
    grid-area: help;
  }

  .index,
  .value {
    font-size: 0.28rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #ffee85;
    line-height: 0.4rem;
  }

  .detail {
    @include flex_dis();
    @include flex(align-items, center);

    .detail-avatar {
      width: 0.88rem;
      height: 0.88rem;
      border-radius: 50%;
      border: 0.02rem solid #ffe7ba;
      margin-right: 0.12rem;
    }

    .detail-info {
      .detail-info--name {
        @include useEllipsis(1.54rem);
        font-size: 0.24rem;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #ffffff;
        line-height: 0.34rem;
        margin-bottom: 0.06rem;
      }

      .detail-info--gap {
        span{
          font-size: 0.2rem;
          // @include useFontSizeLT12(0.2, left);
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #fefbe1;
          line-height: 0.28rem;
          white-space: nowrap;
        }
        img{
          width: 0.6rem;
          height: 0.32rem;
        }
      }
    }
  }
  .help{
    >div{
      width: 1.26rem;
      height: 0.48rem;
      background: url(src/assets/img/end-year/nvshen/help_bg.png) center center/100% no-repeat;
      @include flex_dis();
      @include flex(justify-content, center);
      @include flex(align-items, center);
      img{
        width: 0.26rem;
        height: 0.26rem;
        margin-right: 0.08rem;
      }
      span{
        font-size: 0.24rem;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #FFFFFF;
      }
    }
  }
}

.container-main__over{
  margin-top: -1.32rem;
  @include flex_dis();
  @include flex(flex-direction, column);
  @include flex(align-items, center);
  .guanjun {
    width: 6.7rem;
    height: 4.42rem;
    background: url(../../../../../assets/img/end-year/nvshen/guanjunbg.png) center center/100% no-repeat;
    @include flex_dis();
    @include flex(flex-direction, column);
    @include flex(align-items, center);
    .toptitle {
      width: 3.42rem;
      height: 0.8rem;
      margin-top: 0.32rem;
      img {
        width: 100%;
        height: 100%;
      }
    }
    .bg_top{
      width: 3.68rem;
      height: 2.92rem;
      margin-top: -0.46rem;
      // background: url(../../../../../assets/img/end-year/nvshen/guan_cb.png) no-repeat;
      background-size: 100%;
      @include flex_dis();
      @include flex(flex-direction, column);
      @include flex(align-items, center);
      .topavatar {
        box-sizing: border-box;
        width: 2.52rem;
        height: 2.12rem;
        margin-top: 0.36rem;
        position: relative;
        padding: 0.34rem 0 0 0.6rem;
        .avatar {
          position: relative;
          width: 1.3rem;
          height: 1.3rem;
          img{
            width: 100%;
            height: 100%;
            border-radius: 50%;
          }
          .live{
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
          }
        }
        .bg_s{
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
        }
      }
    }
    .guanjundes_nick{
      width: 2.42rem;
      height: 0.46rem;
      background: url(src/assets/img/end-year/nvshen/guanjundes_nick.png) no-repeat;
      margin-top: -0.64rem;
      position: relative;
      @include flex_dis();
      @include flex(justify-content, center);
      @include flex(align-items, center);
      span{
        font-size: 0.24rem;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #FFFFFF;
        @include useEllipsis(2.4rem);
      }
    }
    .guanjundes {
      margin-top: 0.06rem;
      @include flex_dis();
      font-size: 0.24rem;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #FEEEBD;
      line-height: 0.34rem;
      strong{
        color: #5CFBFF;
        // @include useEllipsis(1.68rem);
      }
    }
  }
}
.end_rank{
  width: 100%;
  @include flex_dis();
  @include flex(justify-content, center);
  @include flex(flex-wrap, wrap);
  li{
    width: 2.02rem;
    height: 3.8rem;
    margin: 0 0.11rem 0.16rem;
    @include flex_dis();
    @include flex(flex-direction, column);
    @include flex(align-items, center);
    >div{
      margin-top: 0.58rem;
      width: 1.8rem;
      height: 1.8rem;
      @include flex_dis();
      @include flex(flex-direction, column);
      @include flex(align-items, center);
      position: relative;
      >div{
        width: 1.2rem;
        height: 1.2rem;
        border-radius: 50%;
        position: relative;
        margin-top: 0.22rem;
        img {
          border-radius: 50%;
          width: 100%;
          height: 100%;
        }

        .live {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
        }
      }
      >img{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
      }
    }
    .nick{
      margin-top: 0.14rem;
      font-size: 0.24rem;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #FFFFFF;
      line-height: 0.34rem;
      @include useEllipsis(1.98rem);
    }
    .gua{
      margin-top: 0.04rem;
      font-size: 0.22rem;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #FEEEBD;
      line-height: 0.32rem;
      strong{
        color: #5CFBFF;
      }
    }
  }
  .top_7{
    height: 3.4rem;
  }
}

.dialog {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.52);
  z-index: 99999;
  top: 0;
  left: 0;
  @include flex_dis();
  @include flex(justify-content, center);
  @include flex(align-items, center);
}
.contain {
  padding: 1.12rem 0 0;
  box-sizing: border-box;
  width: 5.28rem;
  height: 3.82rem;
  position: relative;
  background: url(src/assets/img/end-year/nvshen/jue_log_bg.png) center center/100% no-repeat;

  .close {
    position: absolute;
    right: 0.02rem;
    top: -0.3rem;
    width: 0.38rem;
    height: 0.38rem;

    img {
      width: 100%;
      height: 100%;
    }
  }
  p{
    padding: 0 0.4rem;
    box-sizing: border-box;
    // margin-bottom: 0.06rem;
    font-size: 0.24rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.34rem;
    strong{
      color: #E0C2B5;
    }
  }
}
